﻿<!DOCTYPE html>
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<style>
<!--

-->
html {
   background: url(/ccp/images/login.jpg) no-repeat center center fixed;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain;
}

 

#button1_search{
background:url("/ccp/styles/images/button.png");
height: 80px;
width: 278px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
cursor:pointer;
}

</style>


<html>
<f:view>
	<f:loadBundle var="messages" basename="messages"></f:loadBundle>
	<head>
<title><h:outputText value="#{messages['system_title']}" />
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- styles -->

<link rel="stylesheet" href="styles/css/regsiter.css">
	</head>
	<body>
		<h:form id="formid">
			<!--Header-->
			 
			 
			 
					<div class="signin_form">
						 
						<ul>
							<li><span>用户名&nbsp;&nbsp;</span>
								<f:verbatim>
									<input name="userName"  name="login.username"  type="text" />
								</f:verbatim>
							</li>
							<li><span>密&nbsp;&nbsp;&nbsp;码&nbsp;&nbsp;</span> 
								<f:verbatim>
									<input name="userPassword" maxlength="50"  name="login.password" type="password"/>
								</f:verbatim>
							</li>
						</ul>
						<div class="item_ifo">
							
						</div>
						<div>
							<a4j:commandButton value=""   action="#{loginAction.submit}" reRender="outputpanelId" style="margin-top:-39px;float:right;margin-right:135px;background-color:transparent;border:0px #ff0000 solid;background-image:url('/ccp/styles/images/button.png');height:40px;width:130px;background-size:cover;"></a4j:commandButton>
						</div>
						<div style="margin-top:10px;float:right;">
							<a4j:outputPanel ajaxRendered="true" id="outputpanelId">
								<h:messages layout="table" style="color:red"></h:messages>
							</a4j:outputPanel>
						</div>
					</div>
				 
				 
			 
		</h:form>
	</body>
</f:view>
</html>